<html>
<head>
      <title>Devcathlon: My Teams</title>
      <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />
    
      <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">
    
      /***********************************************
      * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
      * This notice MUST stay intact for legal use
      * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
      ***********************************************/
    
      </script>
      
      <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
	  
      <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
      <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
      <style>
        .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
      </style>
    <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
</head>
    
<body>
<div id="page"> 
        <div id="header">
          <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
          <div class="chromestyle" id="chromemenu">
              <ul>
                <li><a href="index.loggedin.html">Home Page</a></li>
                <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
                <li><a href="browseProfiles.html">Browse Profiles</a></li>
                <li><a href="#" rel="dropmenu1">Matches</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
                <li><a href="#" rel="dropmenu3">Help</a></li>
                <li><a href="index.html">Logout!</a></li> 
              </ul>      
          <!-- end of .chromestyle --></div>
            
            <!--Drop down menu for My Profile -->                                                   
            <div id="profiledrop" class="dropmenudiv">
              <a href="editProfile.html">Edit Profile</a>
              <a href="myteams.html">My Teams</a>
              <a href="mymatches.html">My Matches</a>
            </div>
            
            <!--1st drop down menu -->                                                   
            <div id="dropmenu1" class="dropmenudiv">
              <a href="publicMatches.html">Public Matches</a>
              <a href="mymatches.html">My Matches</a>
            </div>
            
            <!--2nd drop down menu -->                                                
            <div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
              <a href="topTeams.html">Top Teams</a>
              <a href="TopIndividuals.html">Top Individuals</a>
            </div>
            
            <!--3rd drop down menu -->                                                   
            <div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
              <a href="help.html">FAQ</a>
              <a href="contact.html">Contact Info</a>
            </div>
          <script type="text/javascript">
              cssdropdown.startchrome("chromemenu")
            </script>
        <!-- end of #header -->
        </div>
    
        <!-- -------------- Page contents begins --------------- -->
<div id="mainContent">
            <h2>My Teams</h2>
            <div id="CollapsiblePanel1" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><a href="teammockup2.html">Mockup 2</a></div>
              <div class="CollapsiblePanelContent">
              	<a href="teammockup2.html"><img src="#" alt="team thumb" width="150" height="100" border="0"></a>
                <table id="anthony_stats" class="teams">
                <caption>Team Members</caption>
                    <colgroup>
                        <col id="Members" />
                        <col id="Total Points" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th scope="col">Members</th>
                            <th scope="col">Total Points</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row"><a href="myprofile.html">John Ly</a></th>
                            <th scope="row">1000</th>
                        </tr>
                        <tr>
                            <th scope="row"><a href="myprofile.html">Phillip L.</a></th>
                            <th scope="row">1100</th>
                        </tr>
                        <tr>
                            <th scope="row"><a href="myprofile.html">John Z.</a></th>
                            <th scope="row">2000</th>
                        </tr>
                    </tbody>
                </table> 
              </div>
            </div>
            <div id="CollapsiblePanel2" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><a href="teammockup4.html">Mockup 4</a></div>
              <div class="CollapsiblePanelContent"><a href="teammockup4.html"><img src="mockup3_logo.jpg" width="150" height="100" alt="team thumb"></a>
                <table id="anthony_stats">
                <caption>Team Members</caption>
                    <colgroup>
                        <col id="Members" />
                        <col id="Total Points" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th scope="col">Members</th>
                            <th scope="col">Total Points</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row"><a href="myprofile.html">John Ly</a></th>
                            <th scope="row">1000</th>
                        </tr>
                        <tr>
                            <th scope="row"><a href="myprofile.html">Anthony Du</a></th>
                            <th scope="row">1100</th>
                        </tr>
                        <tr>
                            <th scope="row"><a href="myprofile.html">Robin Raqueno</a></th>
                            <th scope="row">2000</th>
                        </tr>
                    </tbody>
                </table>              
                </div>
            </div>
        <!-- end of #mainContent -->
        </div>
  <div id="footerFeedback">
	<p> This is a simple screen that lists the teams that you are involved in.  Users can click on the team name to see specific points and events related to their project and matchup.<br>
                	This can be an additional section under the hall of fame.
      </p> 
    <!-- end of #footerFeedback -->
    </div>
        <!-- end of #page -->
</div> 
    <!-- end of body tag -->
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
//-->
</script>
</body>
<!-- end of html tag -->
</html>
